<!DOCTYPE html>
<html lang="en" html-identify="CC">

<head>
    <meta charset="UTF-8" />
    <style type="text/css" media="screen">
        @import "example.css";
    </style>
</head>

<body>
    <singlechildscrollview>
        <column>
            <container id="item-container">
                <row>
                    <text>cc.setNavigationBarTitle</text>
                    <expanded><text></text></expanded>
                    <raisedbutton style="color: green;" onclick="setNavigationBarTitle">
                        <text style="font-size: 14px;color: white;">设置标题</text>
                    </raisedbutton>
                </row>
            </container>
            <container id="item-container">
                <row>
                    <text>cc.setNavigationBarColor</text>
                    <expanded><text></text></expanded>
                    <raisedbutton style="color: red;" onclick="setNavigationBarColor">
                        <text style="font-size: 14px;color: white;">设置颜色</text>
                    </raisedbutton>
                </row>
            </container>
            <container id="item-container">
                <row>
                    <text>cc.setBackgroundColor</text>
                    <expanded><text></text></expanded>
                    <raisedbutton style="color: blue;" onclick="setBackgroundColor">
                        <text style="font-size: 14px;color: white;">设置背景</text>
                    </raisedbutton>
                </row>
            </container>
            <container id="item-container">
                <row>
                    <text>cc.showToast</text>
                    <expanded><text></text></expanded>
                    <raisedbutton style="color: yellow;" onclick="showToast">
                        <text style="font-size: 14px;color: white;">Toast</text>
                    </raisedbutton>
                </row>
            </container>
            <container id="item-container">
                <row>
                    <column>
                        <text>cc.showLoading</text>
                        <text>cc.hideLoading</text>
                    </column>
                    <expanded><text></text></expanded> 
                    <raisedbutton style="color: green;" onclick="showLoading">
                        <text style="font-size: 14px;color: white;">Loading</text>
                    </raisedbutton>
                </row>
            </container>
            <container id="item-container">
                <row>
                    <column>
                        <text>cc.startPullDownRefresh</text>
                        <text>cc.stopPullDownRefresh</text>
                    </column>
                    <expanded><text></text></expanded> 
                    <raisedbutton style="color: red;" onclick="startPullDownRefresh">
                        <text style="font-size: 14px;color: white;">start</text>
                    </raisedbutton>
                </row>
            </container>
        </column>
    </singlechildscrollview> 
</body>

</html>